<%@page import="com.jju.A1541.model.User"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<title>message</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- Custom Theme files -->
	<script src="js/jquery.min.js"></script>
	<link href="css/swiper.min.css" rel="stylesheet" type="text/css"/>
	<script src="js/swiper.min.js" type="text/javascript"></script>
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">  
<link href="css/font-awesome.css" rel="stylesheet"> <!-- font-awesome icons --> 
<!-- //Custom Theme files --> 
<!-- js -->
<script src="js/jquery-2.2.3.min.js"></script>
<!-- //js -->
</head>
<!--css1126-->
<body> 
	<!-- banner -->
	<div class="banner about-w3bnr">
		<!-- header -->
		<div class="header">
			<div class="w3ls-header"><!-- header-one -->
				<div class="container">
					<div class="w3ls-header-right">
						<ul>
							<li class="head-dpdn">
								<i class="fa fa-phone" aria-hidden="true"></i> 联系我们: 15779180127
							</li>
							<li class="head-dpdn">
								<a href="#">
								<%
								User jzz = (User)session.getAttribute("login_user");
								User bjzz = (User)session.getAttribute("login_user1");
								 if(jzz ==null ){
									 if(bjzz==null){
									 out.print("<li class='head-dpdn'><a href='login.jsp'><i class='fa fa-sign-in' aria-hidden='true'></i>登录</a></li>"
											         +
											         "<li class='head-dpdn'><a href='signup.jsp'><i class='fa fa-user-plus' aria-hidden='true'></i> 注册</a></li>");
									 out.print("<script>alert('您还没登录，请登录！'); window.location='login.jsp' </script>");
									 }else{
										 String username = (String)session.getAttribute("u");
								    	  out.print("<li>欢迎："+username+"登录本网站！");
									 }
							      }else{
							    	  String username = (String)session.getAttribute("u");
							    	  out.print("<li>欢迎："+username+"登录本网站！");
							      }
								%>
								 </a>
							</li> 
							<li class="head-dpdn">
								<a href="help.jsp"><i class="fa fa-question-circle" aria-hidden="true"></i> 帮助</a>
							</li>
							<li class="head-dpdn">
								<a href="about.jsp"><i class="fa  fa-male" aria-hidden="true"></i> 关于</a>
							</li> 
							<li class="head-dpdn">
								<a href="logout.jsp"><i class="fa  fa-sign-out" aria-hidden="true"></i> 退出</a>
							</li>
						</ul>
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
			<!-- //header-one -->
			<!-- navigation -->
			<div class="navigation agiletop-nav">
				<div class="container">
					<nav class="navbar navbar-default">
						<!-- Brand and toggle get grouped for better mobile display -->
						<div class="navbar-header w3l_logo">
							<button type="button" class="navbar-toggle collapsed navbar-toggle1"
									data-toggle="collapse" data-target="#bs-megadropdown-tabs">
								<span class="sr-only">Toggle navigation</span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
							</button>
							<h1><a href="index.jsp">九院旧衣捐赠平台<span>Old clothes donation about Jiujiang University</span></a></h1>
						</div>
						<!-- 导航栏 -->
						<div class="collapse navbar-collapse" id="bs-megadropdown-tabs">
							<ul class="nav navbar-nav navbar-right">
								<li><a href="index.jsp" class="active">网站首页</a></li>
								<li class="dropdown">
									<a href="donate.jsp" class="#" >我要捐赠</a>
								</li>
								<li><a href="inform.jsp" >通知公告</a></li>
								<li><a href="message.jsp">爱心留言</a></li>
								<li><a href="collect.jsp">爱心征集</a></li>
							</ul>
						</div>
					</nav>
				</div>
			</div>
			<!-- //navigation -->
		</div>
		<!-- //header-end -->
	</div>
	<!-- //banner -->    
	<!-- breadcrumb -->  
	<div class="container">	
		<ol class="breadcrumb w3l-crumbs">
			<li><a href="#"><i class="fa fa-home"></i> 首页</a></li>
			<li class="active"> 留言</li>
		</ol>
	</div>
	<!-- //breadcrumb -->
	<div id="contact" class="contact cd-section">
		<div class="container">
			<h3 class="w3ls-title">爱心留言</h3>
			<p class="w3lsorder-text">留下你的捐衣赠言和对本平台的建议吧</p>
			<div class="contact-row agileits-w3layouts">
				<div class="col-xs-6 col-sm-6 contact-w3lsleft">
					<div class="contact-grid agileits">
						<h4>我的留言~</h4>
						<form action="#" method="post" >
							<input type="text" name="uname" id="name"  placeholder="请填写您的昵称或名字" required="">
							<input type="text" id="ejxy" name="学院" placeholder="请填写您的学院" required="">
							<textarea name="Message" placeholder="请在此留言" required="" id="reply-write"></textarea>
							<input type="submit" value="发布" onClick="send_reply2()">
						</form>
					</div>
				</div>
				<div class="contact-w3lsright" >
						<div class="swiper-container">
							<div  id="conts">
								<div class="dm">
									<!--d_screen start-->
									<div class="d_screen">
										<div class="d_mask"></div>
										<div class="d_show">
											<div></div>
											<div></div>
										</div>
									</div>
								</div>
							</div>
						</div>
				</div>
			</div>
		</div>
	</div><!-- contact -->
	<!-- //contact -->
	<!-- 联系我们 -->
	<div class="subscribe agileits-w3layouts">
		<div class="container">
			<div class="col-md-6 social-icons w3-agile-icons">
				<h4>Keep in touch</h4>
				<ul>
					<li><a href="#" class="fa fa-comment icon comment"> </a></li>
					<li><a href="#" class="fa fa-twitter icon twitter"> </a></li>
					<li><a href="#" class="fa fa-fa-envelope icon fa-envelope "> </a></li>
					<li><a href="#" class="fa fa-phone  icon phone"> </a></li>
					<li><a href="#" class="fa fa-rss icon rss"> </a></li>
				</ul>
				<ul class="apps">
					<li><h4>Download Our app : </h4> </li>
					<li><a href="#" class="fa fa-apple"></a></li>
					<li><a href="#" class="fa fa-windows"></a></li>
					<li><a href="#" class="fa fa-android"></a></li>
				</ul>
			</div>
			<div class="col-md-6 subscribe-right">
				<h3 class="w3ls-title">还不想为那些孩子们做什么吗? <br>
					<span ><a href="signup.html"> 现在就加入我们!</a></span></h3>
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
	<!-- //联系我们 -->
		<!-- footer -->
		<div class="footer agileits-w3layouts">
			<div class="footer-grids" >
				<a href="#">网站简介</a>
				|
				<a href="#">我要捐赠</a>
				|
				<a href="#">通知公告</a>
				|
				<a href="#">爱心留言</a>
				|
				<a href="#">关于我们</a>
				<p>捐赠地址：九江学院三食堂学生服务中心</p>
				<p>爱心热线: 15779180127</p>
				<p>版权所有：信息A1541罗金苹</p>
			</div>
		</div>
	<!-- //footer -->
	<!-- cart-js -->
	<script src="js/minicart.js"></script>
	<script>
        w3ls.render();

        w3ls.cart.on('w3sb_checkout', function (evt) {
        	var items, len, i;

        	if (this.subtotal() > 0) {
        		items = this.items();

        		for (i = 0, len = items.length; i < len; i++) { 
        		}
        	}
        });
    </script>  
	<!-- //cart-js -->
	<script>

        function send_reply2() {
            var content = $("#reply-write").val();
            if ($.trim(content) == "") {
                alert("");
                return false;
            }
            var text=$("#reply-write").val();
            input(text)
            $("#reply-write").val("");
            init_screen();
            if($(".d_show").height()>180){
                $($(".d_show").children("div").get(0)).toggle(1000);
                $($(".d_show").children("div").get(0)).remove();
            }
        }
        $(function(){
            var date=[{'id':1,'val':'希望他们能快点收到！'},
				{'id':2,'val':'希望平台越办越好，能帮助到更多的人'},
                {'id':3,'val':'终于能空出地方来放衣服了，呼'},
				{'id':4,'val':'我们学校确实应该有一些这种平台来解决我们平时生活中一些问题。'},
                {'id':4,'val':'这么冷的天他们应该很冷吧'},
				{'id':4,'val':'不知道我的衣服会到什么样的人手里，期待'},
			];
            var i=0;
            setInterval(function(){
                if($(".d_show").height()<100){
                    if(i<date.length){
                        input(date[i].val)
                        i++;
                    }else{
                        i=0
                        input(date[i].val)
                        i++;
                    }
                }else{
                    init_screen();
                    $($(".d_show").children("div").get(0)).remove();
                    if(i<date.length){
                        input(date[i].val)
                        i++;
                    }else{
                        i=0
                        input(date[i].val)
                        i++;
                    }
                }
            },1000);

            $("#reply-write").keyup(function(ev){
                var ev=ev||event;
                if(ev.keyCode==13){
                    send_reply2();
                }
            });
        })
        function init_screen(){
            $(".d_show").find("div").show().each(function () {
                setInterval(function(){
                    $($(".d_show").children("div").get(0)).toggle(1000);
                },1000);
            });
        }
        function input(val){
            var div=$("<div>"+val+"<img src='images/10.png '/></div>");
            $(".d_show").append(div.fadeIn(1000));
        }
	</script>
	<!-- start-smooth-scrolling -->
	<script src="js/SmoothScroll.min.js"></script>  
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
			
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
				});
			});
	</script>
	<!-- //end-smooth-scrolling -->

	<!-- smooth-scrolling-of-move-up -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
			var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
			};
			*/
			
			$().UItoTop({ easingType: 'easeOutQuart' });
			
		});
	</script>
	<!-- //smooth-scrolling-of-move-up --> 
	<!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/bootstrap.js"></script>
</body>
</html>